import React, {Component} from 'react';
import {Image, ScrollView, Text, View} from 'react-native';

/** DES: 滚动视图ScrollView*/
export default class TestScrollComponent extends Component {
    render() {
        return (
            <ScrollView pagingEnabled={true}>
                <Text style={{fontSize: 96}}>Scroll me plz</Text>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4227175353,3803708666&fm=11&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4227175353,3803708666&fm=11&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4227175353,3803708666&fm=11&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4227175353,3803708666&fm=11&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4227175353,3803708666&fm=11&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4227175353,3803708666&fm=11&gp=0.jpg', width: 108, height: 108}}/>
                <Text style={{fontSize: 96}}>If you like</Text>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3848423798,3281088979&fm=26&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3848423798,3281088979&fm=26&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3848423798,3281088979&fm=26&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3848423798,3281088979&fm=26&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3848423798,3281088979&fm=26&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3848423798,3281088979&fm=26&gp=0.jpg', width: 108, height: 108}}/>
                <Text style={{fontSize: 96}}>Scrolling down</Text>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4227175353,3803708666&fm=11&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3848423798,3281088979&fm=26&gp=0.jpg', width: 108, height: 108}}/>
                <Text style={{fontSize: 96}}>What's the best</Text>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4227175353,3803708666&fm=11&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3848423798,3281088979&fm=26&gp=0.jpg', width: 108, height: 108}}/>
                <Text style={{fontSize: 96}}>Framework around?</Text>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4227175353,3803708666&fm=11&gp=0.jpg', width: 108, height: 108}}/>
                <Image source={{uri: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3848423798,3281088979&fm=26&gp=0.jpg', width: 108, height: 108}}/>
                <Text style={{fontSize: 80}}>React Native</Text>
            </ScrollView>
        );
    }
}
